<template>
    <div class="footer">
        <div class="footer-list">
            <div>
                <p><span>联系我们</span></p>
                <section>电话：010-00000000</section>
                <section>手机：100-0000-0000</section>
                <section>邮箱：1000000@qq.com</section>
                <section>地址：中国互联网省域名市网站区666号</section>
            </div>
            <div>
                <p><span>快捷导航</span></p>
                <section>关于我们</section>
                <section>我们提供什么</section>
                <section>为什么选择我们</section>
            </div>
            <div>
                <p><span>关注公众号</span></p>
                <img src="../assets/images/code.png" alt="">
                <section style="margin-left:30px;">关注微信公众号</section>
            </div>
        </div>
        <div class="footer-content">
            <section>COPYRIGHT (©) 2017 农场建站（国际）有限公司</section>
        </div>
    </div>
</template>

<script>
    export default {

    }
</script>

<style scoped>
    .footer{
        background:#1b1b1b;
        height:400px;
    }
    .footer-list{
        position:relative;
        top:30px;
        width:72%;
        height:300px;
        border-bottom:1px solid white;
        margin:0 auto;
        display:flex;
    }
    .footer-list div{
        width:33.3%;
        height:250px;
    }
    .footer-list div p {
        font-family: SimHei;
        font-size: 18px;
        color: rgb(255, 255, 255);
        margin-bottom:30px;
    }
    .footer div section{
        color: rgb(204, 204, 204);
        font-size:14px;
        margin:10px 0;
    }
    .footer-content {
        width:80%;
        margin:50px auto auto auto;
    }
    .footer-content section{
        text-align:center;
    }
    .rocket{
        margin-right:0px;
        border:1px solid white;
    }
</style>